怎么在vue 您所在的位置:网站首页 怎么定义vue router的动态路由 怎么在vue

怎么在vue

#怎么在vue| 来源: 网络整理| 查看: 265

怎么在vue-router中设置nuxt动态路由 发布时间:2021-05-20 16:11:35 来源:亿速云 阅读:100 作者:Leah 栏目:web开发

这篇文章给大家介绍怎么在vue-router中设置nuxt动态路由,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

方法一:router-link

       

{{user.nickname}}

 

注意:

1---to前面别忘记加一个冒号,作为动态路径,用变量理解

2--正常路由别忘记带引号(本身是字符串)

方法二:函数式路由

1.在listItem设置一个函数go(id),准备跳转到详情页

                  {{item.moment.content}}       {{item.user.nickname}}    {{item.moment.like}}      

2.路径中加个参数即可

go(id) {  this.$router.push({   path: '/comments/' + id,  }); }为什么要使用Vue

Vue是一款友好的、多用途且高性能的JavaScript框架,使用vue可以创建可维护性和可测试性更强的代码库,Vue允许可以将一个网页分割成可复用的组件,每个组件都包含属于自己的HTML、CSS、JavaScript,以用来渲染网页中相应的地方,所以越来越多的前端开发者使用vue。

关于怎么在vue-router中设置nuxt动态路由就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:[email protected]进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

vue router nuxt 上一篇新闻:怎么在Vue中使用eiement动态路由 下一篇新闻:如何恢复MySQL数据库数据 香港云服务器 10000元红包免费领

红包可用于(云服务器、高防服务器、裸金属服务器、高防IP、云数据库、CDN加速)购买和续费

猜你喜欢 javascript中元素添加事件的方式有哪些 javascript怎么转化json字符串 javascript中数组去掉空值的方法 javascript怎么进行ascii码转换 javascript怎么改变div背景颜色 javascript怎么查询数组长度 javascript中怎么使用replace方法 javascript中时间戳转换成时间的方法 javascript怎么删除子节点属性 node.js和javascript区别有哪些


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有